<html>

<head>
	<meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript" src="data.js"></script>
    <!-- <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> -->

    <script>
        var scrollingStatus = false;

        window.setInterval(function () {
            if (scrollingStatus) {
                function getRandomInt(min, max) {
                    return Math.floor(Math.random() * (max - min + 1)) + min;
                }
                document.getElementById("showboard").innerHTML = thingsList[getRandomInt(0, thingsList.length - 1)];
            }
        }, 30);

        function toggleStatus() {
            scrollingStatus = !scrollingStatus;
        }
        
        $(document).on('click touch',toggleStatus)
    </script>
</head>

<body>  <!-- onclick="toggleStatus()"> -->
    <button type="button" onclick="toggleStatus()">Click Me!</button>
    <div class="container">
        <span id="showboard">点击开始选择</span>
    </div>
</body>

<html>